
/**
 * h5拖拽相关：http://www.runoob.com/jsref/event-ondragover.html
 * 释放目标时触发的事件:
ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件
ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件
ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件
ondrop - 在一个拖动过程中，释放鼠标键时触发此事件
 */
let content=document.querySelector("#content");
content.ondragenter=content.ondragover=content.ondragleave=()=>{
    //阻止默认行为
    return false;
}
content.ondrop=(e)=>{
    //阻止默认行为
    e.preventDefault();
    /**
     * {name: "03 手动一步一步创建Electron项目.avi", 
     * path: "D:\BaiduNetdiskDownload\前端\Electron\03 手动一步一步创建Electron项目.avi",
     *  lastModified: 1530852557924, lastModifiedDate: Fri Jul 06 2018 12:49:17 GMT+0800 (中国标准时间), webkitRelativePath: "", …}
     */
    console.log(e.dataTransfer.files[0])
    let fs=require('fs');
    fs.readFile(e.dataTransfer.files[0].path,'utf-8',(err,data)=>{
        if(!err){
            content.innerHTML=data;
        }
    })
}